.system-box .right-side{width: 100%;}
.system-box .right-content-box{overflow: hidden;}
.content-container{
	background: #fff;
	width: 560px;
	padding: 8px;
	float: left;
	margin: 5px;
	/*margin: 10px auto;*/
	/*border-right: 1px solid #dfdfdd;
	border-bottom: 1px solid #dfdfdd;*/
	border: 1px solid #dfdfdd;;
}
.content-container.sp{
	width: calc(100% - 601px);
	border-right: 0;
}
.content-container .header-tips{margin-bottom: 6px;}
.control-box p{
	margin: 0;
	overflow: hidden;
}
.control-box p span{
	float: left;
	line-height: 34px;
	margin-right: 8px;
}
.control-box p .select{
	margin: 0;
    width: 465px;
    float: left;
}
.control-box p #search-text{
	display: inline-block;
	width: calc(100% - 138px);
	margin-right: 8px;
	float: left;
}
.content-container .areas,
.content-container .citySearch{
	margin: 10px 0 0 0;
	width: 250px;
	display: inline-block;
}
.content-container .left-title,
.content-container .right-title{
	width: 240px;
	display: inline-block;
	margin: 8px 0 0 0;
}
.content-container .right-title{
	margin-left: 54px;
}

.chooseArea{overflow: hidden;}
.chooseArea .leftArea1,
.chooseArea .rightArea1,
.chooseArea .leftArea2,
.chooseArea .rightArea2{
	width: 240px;
	border: 1px solid #e5e6e7;
	float: left;
	margin-top: 8px;
	height: 360px;
	overflow: auto;
}
.chooseArea .leftArea1 .cityList,
.chooseArea .rightArea1 .cityList,
.chooseArea .leftArea2 .cityList,
.chooseArea .rightArea2 .cityList{display: none;}

.chooseArea .btnArea{
	margin-top: 10px;
	width: 60px;
	height: 300px;
	float: left;
	position: relative;
}
.chooseArea .btnArea .add1,
.chooseArea .btnArea .remove1,
.chooseArea .btnArea .add2,
.chooseArea .btnArea .remove2{
	position: absolute;
	width: 50px;
    font-size: 26px;
    padding: 0;
    height: 30px;
    line-height: 28px;
    left: 50%;
    margin-left: -25px;
    outline: none;
}
.chooseArea .btnArea .add1,
.chooseArea .btnArea .add2{top: 80px;}
.chooseArea .btnArea .remove1,
.chooseArea .btnArea .remove2{top: 150px;}

.cityContainer{
	margin-top: 8px;
	height: 416px;
	overflow: auto;
}
#cityTable{width: 100%;}
.cityContainer th{
	width: 50%;
	text-align: center;
}

.province{
	/*border-bottom: 1px solid #dfdfdd;*/
	padding: 3px 6px;
}
.province .fa{
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.city{
	/*border-bottom: 1px solid #dfdfdd;*/
	padding: 3px 25px;
}
.city span,
.province span{
	position: relative;
	top: -2px;
	margin-left: 5px;
}